<template>
        <!-- 顶部导航栏 -->
        <div id="top">
            <!--左-->
            <div class="topleft"> 
                <span>物业管理系统</span>
            </div>
            <!--右-->
            <div class="topright" @click="xiaoxizhanshi"> 
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-xiaoxiyangshi"></use>
                </svg>
            </div>
        </div>
        
</template>
<script>
export default{
    name:"Top",
    methods:{
        //跳转到全部功能页面
        xiaoxizhanshi:function(){
            this.$router.replace('/xiaoxizhanshi')
        },
    },
    
}
</script>

<style lang="less" scoped>
//导航栏部分
#top{
        color: black;
        width: 100%;
        height: 50px;
        //弹性布局！！！！！
        display: flex;                 ///！！！！！！
        justify-content: space-between; ///！！！！！！
        align-items: center;//垂直居中
    }
span{
    margin-left: 15px;
}
.topright{
    margin-right: 10px;
}
// .topleft{
   
// }
</style>
<!-- xiaoxizhanshi:function(){
    this.$router.replace('/xiaoxizhanshi')
} -->